<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- 信息 -->
    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
    <title>工具</title>
    <meta name="author" content="尘跃" />
    <meta
        name="description"
        content="工具"
    />

    <!-- style -->
    <link rel="stylesheet/less" type="text/css" href="/css/style.less">
    <!-- less -->
    <script src="/js/third/less.min.js"></script>

    <!-- website configuration -->
    <script src="/js/configuration.js"></script>
    <!-- 百度统计 -->
    <script src="/js/tongji.js"></script>
    <!-- Google ADS -->
    <!-- <meta name="google-adsense-account" content="ca-pub-7556556693775855">
    <script src="/js/ads.js"></script> -->

    <style>
        main {
            box-sizing: border-box;
            padding: 1rem;
        }

        @media (min-width: 35rem) {
            .grid.column2 {
                grid-template-columns: 1fr 1fr 1fr;
            }
        }

        @media (min-width: 40rem) {
            .grid.column2 {
                grid-template-columns: 1fr 1fr 1fr 1fr;
            }
        }
    </style>
</head>
<body>
    <page-header></page-header>


    <main class="flex-column flex-1" style="box-sizing: border-box;padding: 5%;">

        <div class="panel" style="width: fit-content;min-height: 10rem;gap: 1em;">
            <section>
                <h2>网络类</h2>
                <div class="grid column2" style="margin-top: 1em;">
                    <a class="button" href="/pages/tool/x-real-ip.html">IP查询</a>
                    <!-- <a class="button" href="/pages/tool/x-real-ip.html">X-Real-IP查询</a> -->
                    <!-- <a class="button" href="/pages/tool/x-forwarded-for.html">X-Forwarded-For查询</a> -->
                    <a class="button" href="/pages/tool/http-request.html">在线HTTP请求</a>
                </div>
            </section>
            <section>
                <h2>生成类</h2>
                <div class="grid column2" style="margin-top: 1em;">
                    <a class="button" href="/pages/tool/hash.html">Hash</a>
                </div>
            </section>
            <section>
                <h2>图像类</h2>
                <div class="grid column2" style="margin-top: 1em;">
                    <a class="button" href="/pages/tool/image.html">图片转换与压缩</a>
                </div>
            </section>
            <section>
                <h2>文本类</h2>
                <div class="grid column2" style="margin-top: 1em;">
                    <a class="button" href="/pages/tool/regexp.html">正则表达式测试</a>
                </div>
            </section>
        </div>

    </main>

    <page-footer></page-footer>

    <!-- web component -->
    <script src="/js/component.js"></script>
    <!-- style -->
    <script src="/js/style.js"></script>

    <script src="/js/android.js"></script>
</body>
</html>


